<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<f:view>
	<h:head>
		<title>...:: GobConsult ::...</title>
		<meta http-equiv="X-UA-Compatible" content="IE=7" />
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<link type="text/css" rel="stylesheet" href="themes/owner/skin.css" />
		<style type="text/css">
<!--
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000000;
	background: url('images/fond1.jpg');
}

.scroll {
	width: 150px;
	height: 50px;
	overflow: hidden;
	border: 1px solid #000000;
}

.flecha {
	cursor: pointer;
}

.ui-widget {
	font-size: 75%;
}

.nestedUnit {
	border: 0px none !important
}

.ui-layout-center .ui-layout-resizer {
	border: 1px solid #A8A8A8;
}

.ui-tree-item span {
	float: left;
}

.ui-tree {
	border: 0px none;
}

.ui-tabs {
	border: 0px none;
}

#titT {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 2em;
}
-->
</style>

	</h:head>
	<h:form>
		<p:panel style="width: 98%; height: 350px; margin: auto;">
			<h:panelGrid columns="2">
				<h2>
					¿Olvidaste tu <br />contraseña?
				</h2>
				<h:graphicImage value="/images/photoCambioPass.png" />
			</h:panelGrid>

			<h:panelGrid columns="3" border="0" style="margin: auto;">
				<h:outputText value="Tipo de documento:" id="tipodocumento" />
				<h:selectOneListbox id="tipodni"
					value="#{personaBM.idTipoDocumento}" size="1">
					<f:selectItems value="#{personaBM.listaDocumentoIdentidad}" />
					<p:ajax update="txtPersona" process="tipodni" event="change"
						actionListener="#{personaBM.tamañoCaja}" />
				</h:selectOneListbox>
				<p:spacer />

				<h:outputText value="Número de documento:" id="usuario" />
				<p:inputMask id="txtPersona" styleClass="Estilo1"
					value="#{personaBM.usuarioPersona}"
					mask="#{personaBM.formatInputMask}" required="true"
					requiredMessage="Ingrese el numero de documento" />
				<p:message for="txtPersona" />

				<h:outputText value="E-mail :" />
				<p:inputText id="recEmail" value="#{personaBM.correoRecuperar}"
					size="34" required="true" requiredMessage="Debe ingresar un e-mail">
					<f:validator validatorId="validationEmail" />
				</p:inputText>
				<p:message for="recEmail" />
			</h:panelGrid>
			<div align="center">
			<p:captcha label="Captcha" language="es" theme="white" required="true"
					requiredMessage="El texto ingresado no coincide con la capcha" />
				<p:spacer width="10" /><br /><br />
				<p:commandButton title="Recuperar Contraseña"
					actionListener="#{personaBM.recuperarContrasenia}" ajax="false"
					onclick="statusDialog.show();"
					style="background: url('images/botton/recuperarContrasenia.png') no-repeat;
											background-position: center bottom; width: 177px; 
											height: 50px; border:0" />
				<br /> <br />
				<h:outputText value="#{personaBM.strmensaje_recuperarContrasenia}"
					escape="false" />
			</div>
		</p:panel>
	</h:form>
	<p:dialog modal="true" widgetVar="statusDialog" resizable="false"
		closeOnEscape="false" header="Procesando datos..." draggable="false"
		closable="false">
		<p:graphicImage value="/design/ajaxloadingbar.gif" />
	</p:dialog>
</f:view>
</html>